import { StyleSheet } from 'react-native';

const status = {
  alignItems: 'flex-end',
  justifyContent: 'center',
  fontSize: 16
}

export default StyleSheet.create({
  itemWrap: {
    backgroundColor: '#fff',
    flexDirection: 'row',
    justifyContent: 'flex-start',
    alignItems: 'stretch',
    padding: 10,
  },
  memberInfo: {
    justifyContent: 'center',
    paddingHorizontal: 10,
    flexGrow: 1,
  },
  nameAndAge: {
    flexDirection: 'row',
    alignItems: 'flex-end',
    marginBottom: 5
  },
  name: {
    fontSize: 18,
    color: '#333'
  },
  age: {
    fontSize: 14,
    color: '#666',
    marginLeft: 10
  },
  relationShip: {
    fontSize: 14,
    color: '#666'
  },
  status: {
    alignItems: 'flex-end',
    justifyContent: 'center',
  },
  isCompleled: {
    fontSize: 12,
    color: '#00cc00'
  },
  notCompleled: {
    fontSize: 12,
    color: '#ff9933'
  }
})